<!DOCTYPE html>
<html>
<head>
    <title>TODO supply a title</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <script src="../min/avalon.modern.min.js"></script>
    <script src="../min/avalon.mobile.min.js"></script>
</head>
<body>
    <div ms-controller="wrap">{{a}}</div>
    <div ms-controller="wrap2">{{a}}<span>{{b}}</span></div>
    <div ms-controller="wrap3">
        <span>{{name}}</span>
        <input ms-duplex="name"
    </div>  


    <div>TODO write content</div>
    <script type="text/javascript">
        var abc = avalon.define({  //abc是随便起的一个名字，用作该Model的载体
            $id: "wrap",   //告诉avalon这个Model是作用于哪个ms-controller的
            a: "你好啊"   //定义一个avalon对象属性“a”，其值是“你好啊”
        });
        var def = avalon.define({
            $id: "wrap2",
            a: "大家好",
            b: abc.a,  //获取第一个model里的属性值
        })
        var name = avalon.define({
            $id: "wrap3",
            name: "kathy"
        })
        avalon.scan(); //要在最后加这一句，让avalon扫描文档，从而执行起来
    </script>

</body>
</html>
